* {font-size:14px;}
html{height:100% !important;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,p,th,td{margin:0;padding:0;font-family:"Microsoft Yahei";border:none;outline: medium;}
body{min-width:320px;background-color:#f6f7f7;height:100%;color:#333;position:relative}
body>div{margin:0 auto;}
/*div {text-align:left;height:100%}*/
a img {border:0}
ul, ol, li {list-style-type:none;vertical-align:0}
a {outline-style:none;color:#535353;text-decoration:none}
a:hover { color:#D40000; text-decoration: none}
.clear{clear:both;height:0; overflow:hidden; }
/*********************************************************公共部分的样式************************************************************************/
#top_img{position:absolute;top:100px;right:30px;z-index:999}
.index_banner{position:absolute;height:100%;top:0;width:100%;display:none;z-index:999999999;}
.index_banner ul{overflow:hidden;}
.index_banner li{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:100%;z-index:1}
.index_banner li a{display:block;margin:0 auto;}

.cj-zz{width:100%;height:100%;background:#000000;position:absolute;top:0;opacity: 0.3;display:none}
.index_banner .cj-tc,.touch-card-no{border-radius:30px;width:90%;position:fixed;left:0;right:0;bottom:20%;margin:auto;z-index:99999999;text-align:center;font-family:'微软雅黑';display:none;padding-bottom:20px;}
.touch-card-no{}
.cj-tc h2{font-size:20px;}
.cj-tc p{margin-top:10px;}
.touch-card-no p{font-size:20px;margin-top:10px;font-weight: bold}
.cj-tc img,.touch-card-no img{display:block;margin:auto;margin-top:-100px;}
.touch-card-no img{margin-top:-200px;}
.cj-tc .close-img1{display:block;position:absolute;top:80px;right:0;}
.close-img2{display:block;position:absolute;top:182px;right:10px;}
.cj-tc table{width:955px;height:125px;border:1px #dfdede solid;margin:25px auto 20px auto;}
.cj-tc table tr{border:none}
.cj-tc table th{border:none;background:#4dcdf7;color:#FFF;border-right:1px #FFF solid}
.cj-tc table .th2{background:#769aec;}
.cj-tc table .last{border-right:none }
.cj-tc table td{border:none;border-right:1px #dfdede solid}
.cj-tbbot{width:474px;height:87px;background:#fb463d;color:#FFF;border:none;font-size:30px;border-radius:50px;box-shadow:0 5px 0 #cc1010;outline: medium}
.cj-jzbot{background:#cacacc !important;box-shadow:0 5px 0 #a6a7aa !important;}
.cj-mkts{font-size:16px;margin-top:20px;}
#login{position:absolute;top:-100px;left:0;z-index:9999}
.cj-free{font-size:20px;}

#div-category-hidden{display:none}
#div-type-hidden{display:none}
#div-time-hidden{display:none}
#div-noon-hidden{display:none}
#course_time_all{display:none}
/*************************************************************************************弹窗部分的样式************************************************/
.button {display: inline-block;zoom: 1; *display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 14px/100% Arial, Helvetica, sans-serif;padding:0.25em 0.6em 0.3em;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: .5em; -moz-border-radius: .5em;border-radius: .5em;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2);  }
.red {color: #faddde;border: solid 1px #980c10;background: #d81b21;background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#A51715));background: -moz-linear-gradient(top,  #ed1c24,  #A51715);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');  }
.red:hover { background: #b61318; background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115)); background: -moz-linear-gradient(top,  #c9151b,  #a11115); filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115'); color:#fff;}
.red:active {color: #de898c;background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');}
.cor_bs,.cor_bs:hover{color:#ffffff;}
.keTitle{height:100px; line-height:100px; font-size:30px;  color:#FFF; text-align:center;  font-weight:normal}
.kePublic{background:#FFF; padding:0;}
.keBottom{color:#FFF; padding-top:25px; line-height:28px; text-align:center;   padding-bottom:25px}
.keTxtP{font-size:16px; color:#ffffff;}
.keUrl{color:#FFF; font-size:30px;}
.keUrl:hover{ text-decoration: underline;color: #FFF; }
.mKeBanner,.mKeBanner div{text-align:center;}
/*科e互联特效基本框架CSS结束，应用特效时，以上样式可删除*/
#main_visual{width:100%;height:100%;overflow:hidden;position:relative;}
#main_image{width:100%;height:100%;overflow:hidden;position:relative;}
#main_image ul{width:100%;height:100%;overflow:hidden;position:absolute;top:0;left:0}
#main_image li{float:left;width:100%;height:100%}
#main_image li span{display:block;width:100%;height:100%;}
#main_image li a{display:block;width:100%;height:422px}

div.flicking_con{position:absolute;top:360px;left:50%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}
#btn_prev,#btn_next{z-index:11111;position:absolute;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev{background:url(../images/images/hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(../images/images/hover_right.png) no-repeat right top;right:100px;}
/***************************************************************************滑动部分的样式*****************************************************************/
/************************************************************************************************下面是点击出现课程页面的代码*************************************************/
#cj-touch-hidden{opacity: 0;font-size:1px !important;height:10px !important;}

#cj-touch-couse{display:none;width:1000px;height:1620px;position:absolute;top:210px;z-index:999;left:50%;margin-left:-500px;background:#f5f5f5;border-radius:10px;}
/*#cj-touch-couse .cj-couse-top{width:1000px;height:120px;background:#ffa800;border-radius:10px 10px 0 0;}*/
#load,#load-details{display:none;text-align:center;width:100%;height:1200px;position:absolute;background:#000000;opacity: 0.5;left:0;z-index:99;}
#load img,#load-details img{margin-top:500px;}
#load-details{min-height:1600px !important;}


/*****************************************************************修改查询条件方面的代码 begin************************************************/
.cj-touch-chose{height:100px;background:#FFF;box-shadow:0 2px 2px #ebeaeb;padding:20px 0 20px 15px;}
.cj-touch-chose ul{display: table-cell;margin: auto}
.cj-touch-chose ul li{float: left;text-align: left}
.cj-touch-chose ul li p{font-size:20px;color:#979797;padding:0 0 15px 45px;}
.cj-touch-chose ul li button{font-size:25px;color:#FFF;padding:12px 25px;background:#ffc800;border-radius:50px;margin-left:19px;text-align: left}
#category-select-popup{width:300px;}
#way-select-popup{width:230px;}
#time-select-popup{width:170px;}
#noon-select-popup{width:170px;}
.cj-touch-chose .active-bot{background:#ffa800 !important}

.cj-select-back{width:100%;height:100%;position:absolute;top:0;background:#000;opacity:0.5;display:none;z-index:9;}
.cj-touch-select{background:#FFF;width:980px;border-radius:10px;padding:30px 0 45px 0;position:absolute;top:280px;left:10px;z-index:99999;display:none}
.cj-select-category{display:none}

.cj-category-top{height:70px;width:980px;border-bottom:1px #dcdcdc solid}
.cj-category-top button{background:#ffa800;padding:10px 25px 10px 25px;color:#FFF;font-size:26px;border-radius:10px;float:right;margin-right:20px;}
.cj-select-category h1,.cj-select-time h1,.cj-select-way h1,.cj-select-noon h1{padding:0 0 25px 45px;font-size:30px;color:#7f7f7f;width:140px;float:left;margin-right:500px;}

.cj-category-con{max-height:1100px;overflow:auto}
.cj-category-con h2{font-size:30px;padding-bottom:30px;}
.cj-category-con .cj-con-list{padding:25px 0 0 45px;}
.cj-category-con .cj-con-list span{font-size:32px; color:#6d6d6d;margin-right:10px;}
.cj-category-con .cj-con-list .span-active{color:#ffa800 !important;}
.cj-category-con  .cj-con-category{margin-top:50px;}
.cj-category-con ul li,.cj-select-time ul li,.cj-select-way ul li,.cj-select-noon ul li {float:left;font-size:26px;padding:16px 34px;border:1px #e5e5e5 solid;border-radius:10px;margin-right:15px;color:#7f7f7f;margin-top:10px;}
.active-li{background:#ffa800;color:#FFF !important}
.cj-select-noon{display:none}
.cj-select-way{display:none}
.cj-select-time{display:none}
.cj-select-time ul,.cj-select-way ul,.cj-select-noon ul{padding:25px 0 0 45px;}
/*****************************************************************修改查询条件方面的代码 end************************************************/



.cj-position{padding:25px 30px 25px 30px;}
.cj-position p{float:left;font-size:20px;color:#6a6a6a}
.cj-position span{font-size:20px;color:#6a6a6a}
.cj-position .right{float:right;font-size:20px;color:#6a6a6a}
.cj-course-list{padding:10px 15px 0 40px;height:1287px;width:955px;}
.cj-course-list #itemContainer{height:1190px;}
.cj-course-list .list1{overflow:hidden;position:relative;margin:15px 10px 0 0;width:270px;background:#FFF;border-radius:10px;border:1px #d9d9d9 solid;padding:15px;float:left}
.cj-course-list .list1 img{margin-bottom:35px;}
.cj-course-list .list1 .teacher{width:81px;height:82px;position:absolute;top:115px;left:110px;border-radius:50%;border: 5px solid rgba(255,255,255,0.5);}
.cj-course-list .list1 .teacher img{border-radius:50%}
.cj-course-list .list1 p{font-size:18px;line-height:30px;}
.scroller li {margin:15px 10px 0 0;width:270px;height:350px;background:#FFF;border-radius:10px;border:1px #d9d9d9 solid;padding:15px;float:left}
.scroller li p{font-size:18px;line-height:30px;}
#cj-couse-details{display:none;width:1000px;height:1620px;position:absolute;top:210px;z-index:99;left:50%;margin-left:-500px;background:#f5f5f5;border-radius:10px;}
.cj-details-banner{width: 1000px;height:490px;}
.cj-details-subban{width: 1000px;height:490px;background-size:contain !important;}
.cj-couse-top{width:930px;height:90px;background:#ffa800;border-radius:10px 10px 0 0;padding:23px 35px 0 35px;}
.cj-couse-top h1{font-size:40px;color:#FFF;float:left;margin-left:110px;font-weight: normal;margin-top:8px;}
#cj-couse-details .cj-content{height:970px;overflow:auto;padding:0 10px 0 10px;}
.cj-descript{padding-bottom:10px;background:#FFF;}
.cj-descript h2{font-size:30px;border-bottom:1px #d9d9d9 solid;padding:20px 0 20px 30px;}
.cj-descript .cj-descrip-teacher{padding:0 0 0 30px;}
.cj-descript ul li{line-height:50px;}
.cj-descript ul li h3{font-size:24px;float:left}
.cj-descript ul li p{font-size:24px;float:left;margin-left:10px;max-width:790px;color:#575757}
.cj-descript ul li button{width:155px;height:55px;background:#66eadf;color:#FFF;border-radius:10px;margin-left:10px;font-size:24px;margin-top:10px;}
.cj-descript .cj-descrip-top{padding:30px 0 0 30px;}
.cj-descript .cj-descrip-top ul{float:left}
.cj-descript .cj-descrip-top .cj-descrip-img{float:right !important;margin-right:80px;text-align: center}
.cj-descript .cj-descrip-top .cj-descrip-img img{border:1px #dcdcdc solid}
.cj-descript .cj-descrip-top .cj-descrip-img p{font-size:20px;color:#ff9c00}
.cj-descript  .cj-last{display:none;}
.cj-descript  .cj-lasth{margin-top:15px;}
#cj-couse-details .cj-time{padding-bottom:20px;background:#FFF;margin:15px 0 15px 0px;border-top:1px #d9d9d9 solid;border-bottom:1px #d9d9d9 solid}
/**********************************************************新增详情页面上课时间部分样式 begin*******************************************************/
#cj-couse-details .cj-time p{color:#4d4d4d;display:inline;font-size:22px;margin-left:20px;}
#cj-couse-details .cj-time .span-cont{color:#54a2fb;font-size:22px;}
#cj-couse-details .cj-time .span-price{color:#f94646;font-size:22px;}
#cj-couse-details .cj-time .span-priceno{color:#f94646;font-size:22px;text-decoration:line-through}
#cj-couse-details .cj-time .span-freeno{color:#f94646;font-size:22px;margin-left:10px;display:none}
#cj-couse-details .cj-time .span-free{color:#f94646;font-size:22px;margin-left:10px;}
/**********************************************************新增详情页面上课时间部分样式 end*******************************************************/
#cj-couse-details .cj-time h2,#cj-couse-details .cj-couinfo h2{font-size:30px;border-bottom:1px #d9d9d9 solid;padding:20px 0 20px 30px;}
#cj-couse-details .cj-time button{width:280px;height:57px;border:2px #ffa800 solid;border-radius:10px;background:none;margin:20px 0 0 30px;font-size:24px;color:#4d4d4d}
.cj-time .appbot{background:url(../images/appointment.png) no-repeat !important;border:none !important;}
.cj-time .appbotno{background:none !important;}
#cj-couse-details .cj-couinfo{padding-bottom:10px;background:#FFF;border-top:1px #d9d9d9 solid;border-bottom:1px #d9d9d9 solid}
#cj-couse-details .cj-couinfo p{font-size:24px;color:#575757;padding:30px 0 0 30px;line-height:40px;}
.pagination{float:right;margin-right:10px;}
.cj-page-active{color:#d40000}
.active{color:#d40000 !important;}
.active a{color:#d40000 !important;}
.pagination li{float:left;font-size:16px;margin-left:15px;margin-top:20px;}
.pagination li span{font-size:50px;}
.pagination li a{font-size:50px;}
#sorry{text-align: center;padding-top:250px;}

#sorry p{font-size:20px;margin-top:20px;}

@font-face {font-family: "iconfont";
    src: url('touchfont/iconfont.eot'); /* IE9*/
    src: url('touchfont/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('touchfont/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('touchfont/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}

.iconfont,.icon-fanhui,.icon-minyue,.icon-wenhuafudao,.icon-chuqu,.icon-chazhaokecheng,.icon-xiyangyue,.icon-gengduo,.icon-shuhua,.icon-mote,.icon-biaoyan,.icon-tiyuelei,.icon-qilei,.icon-wudao,.icon-liuxingdajiyue,.icon-shougong,.icon-kexueyizhi,.icon-jianpan,.icon-shengyuehechang{
    font-family:"iconfont" !important;
    font-size:16px;
    font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
}
.icon-fanhui{float:left;font-size:70px;color:#FFF}
.icon-chuqu{float:right;font-size:70px;color:#FFF}
.icon-shuhua:before { content: "\e601"; }
.icon-qilei:before { content: "\e602"; }
.icon-wudao:before { content: "\e603"; }
.icon-liuxingdajiyue:before { content: "\e604"; }
.icon-shougong:before { content: "\e605"; }
.icon-kexueyizhi:before { content: "\e606"; }
.icon-jianpan:before { content: "\e607"; }
.icon-shengyuehechang:before { content: "\e608"; }
.icon-minyue:before { content: "\e609"; }
.icon-xiyangyue:before { content: "\e60a"; }
.icon-gengduo:before { content: "\e60b"; }
.icon-mote:before { content: "\e60c"; }
.icon-biaoyan:before { content: "\e60d"; }
.icon-tiyuelei:before { content: "\e60e"; }
.icon-wenhuafudao:before { content: "\e60f"; }
.icon-fanhui:before { content: "\e600"; }
.icon-chuqu:before { content: "\e610"; }
.icon-chazhaokecheng:before { content: "\e611"; }


.scroll{width:1000px;height:500px;position:relative;overflow:hidden;}
.mod_01{float:left;width:1000px;text-align: center}
.mod_01 img{display:block;margin:10px auto 0 auto}
.dotModule_new{height:11px;line-height:6px;position:absolute;bottom:40px;left:44%;z-index:11;}
#slide_01_dot{text-align:center;margin:3px 0 0 0;}
#slide_01_dot span{display:inline-block;margin:0 3px;width:30px;height:30px;background:#f7f7f7;-webkit-border-radius:50%;}
#slide_01_dot .selected{background:#66ff33;}

.nextclass,.prevclass{padding-bottom:6px;font-size:20px;width:90px;background:#ffffff;border:1px #bcbcbc solid;border-radius:0 40px 40px 0;text-align: center;padding-top:0px;}
.prevclass{border-radius:40px 0 0 40px;}
.disabled{background:#eeeeee !important;border:1px #e7e7e7 solid}
.disabled span{color:#c9c9c9}

/*可预约的样式*****/
#can-appointment{float:left;margin-top:2px;}
.not_appoint{display:none}
#can-appointment img{float:left !important;margin:3px 10px 0 0 !important;}
#can-appointment p{float:left !important;color:#ffa901}
/****************************************触屏端新添加的头部和底部二维码**********************/
.cj-top-title{width:100%;height:92px;background-color:rgba(0,0,0,0.2);position:absolute;top:0;z-index:99;text-align: center;}
.cj-top-title p{font-size:50px;color:#ffffff;padding-top:8px;}
.cj-bottom-code{position:absolute;bottom:50px;right:50px;}


/**************************************************下面是电脑端打卡的相关代码**************************************************/
.clear{clear: both}
.lock-bg{background: url("../images/clock-bg.png");width: 100%;height:100%;background-size:100% 100%;position:absolute;}
#clcok{position: absolute; z-index:-1}
.lock-bg input{border:1px #000000 solid; }
.cj-lock-content{display:none;position:relative;width:845px;background: url("../images/clock-img1.png");background-size:100% 100%;margin:200px auto 0 auto;text-align: center;padding-bottom:120px;}
.cj-lock-contentbig{
}

.cj-lock-content  .cj-clock-sun{position: absolute;top:140px;right:55px;}
.cj-lock-content img{margin-top:-100px;}
.cj-lock-content h2{font-size:30px;padding:20px 0}
.cj-lock-content h2 span{color:#fb463d;font-size:30px;}
.cj-lock-content p{font-size:20px;padding:0 0 20px 0}
.cj-class-content{border:1px #dfdede solid;margin:auto}
.cj-class-content thead{background:#4dcdf7;color:#FFFFFF;}
.cj-class-content thead th{border-right:1px #ffffff solid;font-size:16px !important;min-width:110px;padding:15px 0}
.cj-class-content tbody{}
.cj-class-content tbody td{border-right:1px #dfdede solid;font-size:16px;padding:15px 0}
.cj-lock-confirm,.cj-lock-disable,.cj-lock-disableno{width:120px;height:147px;background:url("../images/clock-confirm.png");position:absolute;bottom:-50px;left:50%;margin-left:-60px;}
.cj-lock-disable,.cj-lock-disableno{background:url("../images/clock-no.png") !important;}


.cj-clock-red{color:#fb463d}
.cj-clock-cardno{padding-bottom:30px;position:relative;width:545px;background:url("../images/clock-img1.png");background-size:100% 100%;margin:300px auto 0 auto;display:none;text-align: center;}
.cj-clock-cardno img{margin-top:-100px;}
.cj-clock-sun{position: relative;top:-26px;right:-250px;}
.cj-clock-cardno p{font-size:25px;text-align: center;padding:10px 0;color:#f23d5e;}
.cj-clock-cardno .p-small{font-size:18px;margin-bottom:70px;color:#9a9a9a}
.cj-lock-disableno{position: absolute}
.cj-last-alert{width:545px;height:344px;background:url("../images/clock-img1.png");background-size:100% 100%;margin:300px auto 0 auto;text-align:center;display: none}
.cj-last-alert img{ float: right;margin-top:50px;}
.cj-last-alert p{font-size:38px;padding-top:113px;}
.cj-last-alert .red,.cj-last-alert .green{width:193px;height: 54px;background:#4acc84;color:#ffffff;font-size:22px;border:none;border-radius:30px;margin:55px 5px 0 5px;box-shadow: 2px 2px 0 #46b075}
.cj-last-alert .red{background:#fd4553;box-shadow: 2px 2px 0 #cc1010}
/********2016-10-25新增加的手机号查询的样式********************************/
#telephone-button{
    position: absolute;
    z-index: 9999;
    top:10%;
    left: 10%;
}
#telephone-button button{
    background: #55bdf0;
    border: none;
    color:#FFFFFF;
    padding: 10px 20px;
    border-radius: 5px;
    box-shadow: 0 0 10px #0e83bb;

}
#telephone-button input{
    width: 200px;
    height: 30px;
    color: #000000 !important;

}
.cj-hasclass{display: none}
.cj-touch-card{
    position: absolute;
    top: 10%;
    left:50%;
    margin-left: -400px;
}
.cj-last-alertbig{
    margin: 350px auto 0 150px !important;
}
.cj-clock-cardno{
    margin: 350px auto 0 150px !important;
}